<template>
  
  <div class="cont">
     <swiper ref="mySwiper" :options="swiperOption" v-if="lists.length > 0">
        <swiper-slide v-for="(item, index) in lists" :key="index">
            <img :src="item" alt="">
        </swiper-slide>
     </swiper>
   
    
  </div>
 

 
</template>
<script>
export default {
  data() {
    return {
      swiperOption: {
         notNextTick: true,
                    observer: true,
                    observeParents: true,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true
                    },
                    loop: true,
                    autoplay:3000
                   
      },
      

      lists:[
        require('../assets/bln2.png'),
        require('../assets/bg3.png')
      ]
    };
  },
};
</script>

<style >
.cont .swiper-container{
 margin-top: 5px;
 

}
.swiper-container{
  width: 1200px;
  margin: 0 auto;
}
 .swiper-container .swiper-wrapper .swiper-slide img{
   width: 1200px;
   height: 180px;
   
 }

</style>